<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/zx_04.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/font_zx/iconfont.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <title>广告管理</title>
</head>

<body>
    <div id="mulu" class="ShouyeG">
        <span>首页 / 内容管理 / <i>广告管理</i></span>
        <h3>广告管理</h3>
    </div>
    <div class="">
        <div class="row">
            <!-- 右边灰框 -->
            <div class="whites col-md-12">
                <!-- 查询 -->
                <div id="columnList">
                    <h5>查询条件</h5>
                    <div class="columnList_div">
                        <span>广告名称：<input type="text" id="columnList_ss"></span>
                        <span>广告位置： <select id="columnList_select">
                                <option value="1">全部</option>
                                <option value="2">服务频道第一帧</option>
                                <option value="3">服务频道第二帧</option>
                                <option value="4">服务频道第三帧</option>
                                <option value="5">发下频道第一帧</option>
                                <option value="6">发下频道第二帧</option>
                                <option value="7">发下频道第三帧</option>
                            </select> </span>
                        <span>上线状态：<select>
                                <option value="1">全部</option>
                                <option value="2">已上线</option>
                                <option value="3">未上线</option>
                            </select> </span>

                        <span class="columnList_div_chongzhi" onclick="columnListZC()">重置</span>
                        <span class="columnList_div_chaxun" onclick="columnListZX()">查询</span>
                    </div>
                </div>

                <!-- 广告列表 -->
                <div id="Advertising_list4">
                    <h5>广告列表</h5>
                    <div>
                        <span class="iconfont icon-zengjia Advertising_list4_inc" onclick="newAdvertising()"> 新增</span>
                        <span class="iconfont icon-shanchu  Advertising_list4_del" onclick="newAdverDel()"> 删除</span>
                        <span class="Advertising_list4_go" onclick="AdvertisingSX()">上线</span>
                        <span class="Advertising_list4_of">下线</span>
                    </div>
                    <!-- 表格 -->
                    <table id="table_four">
                        <thead id="table_thd">
                            <tr>
                                <th id="table_tr_1"><img src="../images/zximg/多选框-复选.png" alt=""></th>
                                <th class="table_tr_2">广告编号</th>
                                <th class="table_tr_3">广告名称</th>
                                <th class="table_tr_4">商品图片</th>
                                <th class="table_tr_5">跳转地址</th>
                                <th class="table_tr_6">广告位置</th>
                                <th class="table_tr_7">广告时间</th>
                                <th class="table_tr_8">上线/下线</th>
                                <th class="table_tr_9">操作</th>
                            </tr>

                        </thead>
                        <tbody id="myTbodyFour">

                        </tbody>

                    </table>

                    <ul id="myPageUl4">

                    </ul>
                </div>

                <!-- 编辑 -->
                <div class="table_edit">
                    <div>
                        <span>广告名称：</span>
                        <input id="table_edit1" type="text">
                    </div>

                    <div>
                        <span>广告位置： </span>
                        <select id="table_edit2">
                            <option value="1">全部</option>
                            <option value="2">服务频道第一帧</option>
                            <option value="3">服务频道第二帧</option>
                            <option value="4">服务频道第三帧</option>
                            <option value="5">发下频道第一帧</option>
                            <option value="6">发下频道第二帧</option>
                            <option value="7">发下频道第三帧</option>
                        </select>
                    </div>

                    <div class="table_edit_d3">
                        <span>图片：</span>
                        <input id="table_edit3" type="file" value="小米手环4的广告" onchange="newfile(this)">
                        <img src="../images/1.svg" alt="" id="table_edit3_2">
                    </div>

                    <div>
                        <span>跳转地址：</span>
                        <input id="table_edit4" type="text">
                    </div>

                    <div class="table_edit_d5">
                        <span>发布时间：</span>
                        <input type="radio"> <i>手动发布</i>
                        <input type="radio"> <i>定时发布</i>
                    </div>

                    <div class="table_edit_d6">
                        <input type="text" id="table_edit6"><!-- <i>至</i><input type="week"> -->
                    </div>

                    <div class="table_edit_d7">
                        <span class="table_edit_baocun" onclick="singleLineBJQD()">保存</span>
                        <span class="table_edit_quxiao" onclick="singleLineBJQX()">取消</span>
                    </div>
                    <input type="text" id="table_edit8">
                </div>

                <!-- 删除 -->
                <div id="checkShanc">
                    <h4><span class="iconfont icon-gantanhao"></span>你确认要删除这些数据信息吗</h4>
                    <p><span>删除后将无法恢复</span>，你还要继续吗？</p>
                    <button id="checkShanc_01" onclick="deleteSelectedCancel()">取消</button>
                    <button id="checkShanc_02" onclick="deleteSelectedJx()">继续</button>
                    <!-- onclick="deleteSelectedConfirm()" -->
                </div>

                <!-- 增加 -->
                <div class="table_xinzen">
                    <div>
                        <span>广告名称：</span>
                        <input id="table_xinzen1" type="text">
                    </div>

                    <div>
                        <span>广告位置： </span>
                        <select id="table_xinzen2">
                            <option value="1">全部</option>
                            <option value="2">服务频道第一帧</option>
                            <option value="3">服务频道第二帧</option>
                            <option value="4">服务频道第三帧</option>
                            <option value="5">发下频道第一帧</option>
                            <option value="6">发下频道第二帧</option>
                            <option value="7">发下频道第三帧</option>
                        </select>
                    </div>

                    <div class="table_xinzen_d3">
                        <span>图片：</span>
                        <input id="table_xinzen3" type="file" value="小米手环4的广告" onchange="newfile(this)">
                        <img src="" alt="" id="table_xinzen3_2">
                    </div>

                    <div>
                        <span>跳转地址：</span>
                        <input id="table_xinzen4" type="text">
                    </div>

                    <div class="table_xinzen_d5">
                        <span>发布时间：</span>
                        <input type="radio"> <i>手动发布</i>
                        <input type="radio"> <i>定时发布</i>
                    </div>

                    <div class="table_xinzen_d6">
                        <input type="text" id="table_xinzen6"><!-- <i>至</i><input type="week"> -->
                    </div>

                    <div class="table_xinzen_d7">
                        <span class="table_xinzen_baocun" onclick="singXinZenBJQD()">保存</span>
                        <span class="table_xinzen_quxiao" onclick="singXinZenBJQX()">取消</span>
                    </div>
                    <input type="text" id="table_xinzen8">
                </div>
                <div class="col-md-12" id="one_heise">
                    <span class="foot1">大健康综合管理后台</span>
                    <span class="foot2">版权所有:@大健康综合(集团)有限公司Meinian Onehealth Healthcare (Group)Co.</span>
                    <span class="foot2">沪ICP备09017846号-3沪公网安备31010602006448号</span>
                </div>
            </div>
        </div>







        <!-- JS -->
        <script src="../lib/jquery-1.11.3.js"></script>
        <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
        <script src="../JavaScript/data.js"></script>
        <script src="../JavaScript/zx_04.js"></script>
</body>

</html>